page-pc-creater-evaluating {
  .input-evaluatingName{
    width: 100%;
    height: 4.8rem;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 5px 10px #eee;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    margin-top: 1.8rem;
    .input-evaluatingName-title{
      margin: 0;
      background-color: #25C6FD;
      height: 4.8rem;
      width: 8.8rem;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #FFFFFF;
      font-size: 1.4rem;
    }
    .input-evaluatingName-content{
      color: #979797;
      font-size: 1.4rem;
      padding-right: 1rem;
    }
  }
  .input-evaluatingTime{
    width: 100%;
    height: 4.8rem;
    border-radius: 10px;
    box-shadow: 0px 5px 10px #eee;
    display: flex;
    align-items: center;
    .item-ios{
      padding-left: 0 !important;
      background: none;
    }
    .input-evaluatingTime-title{
      margin:0;
      background-color: #25C6FD;
      height: 4.8rem;
      min-width: 8.8rem;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #FFFFFF;
      font-size: 1.4rem;
    }
    button{
      padding: 0;
    }
    .input-evaluatingTime-content{
      color: #979797;
      font-size: 1.4rem;
      padding: 0 1rem 0 18rem;
    }
  }

  .evaluating-rule{
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 5px 10px #eee;
    background-color: #FFFFFF;
    margin-top: 3rem;
    margin-bottom: 9rem;
    padding: 0.6rem 1.2rem 1.8rem 1.6rem;
    .evaluating-rule-title{
      width: 100%;
      margin-bottom: 1.8rem;
      p{
        display: inline-block;
        color: #535353;
        font-size: 1.8rem;
        font-weight: 600;
        margin: 0;
      }
      img{
        float: right;
        padding-right: 0.6rem;
      }
    }
    .evaluating-rule-itemName{
      width: 100%;
      margin-bottom: 3.2rem;
      p{
        display: inline-block;
        margin: 0;
        color: #333333;
        font-size: 1.4rem;
      }
      .more{
        float: right;
        display: flex;
        align-items: center;
        span{
          color: #979797;
          font-size: 1.4rem;
          margin-right: 0.4rem;
        }
      }
    }

    .evaluating-rule-allItem{
      width: 100%;
      p{
        display: inline-block;
        margin: 0;
        color: #333333;
        font-size: 1.4rem;
      }
      .more{
        float: right;
        display: flex;
        align-items: center;
        span{
          color: #979797;
          font-size: 1.4rem;
          margin-right: 0.4rem;
        }
      }
    }
  }

  .evaluating-button{
    background-color: #25C6FD;
    width: 28rem;
    height: 4rem;
    font-size: 2.2rem;
    margin: 0 auto;
    border-radius: 1rem;
  }
}
